<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=no"/>
<meta name="HandheldFriendly"content="true"/>
<meta http-equiv="x-rim-auto-match" content="none"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no">
<title>预约看房时间</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="style/css/global.css" rel="stylesheet">
<link href="style/css/datepicker.css" rel="stylesheet">
<link href="style/css/common.css" rel="stylesheet">
<script type="text/javascript" src="style/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="style/js/zepto.min.js"></script>
<script type="text/javascript" src="style/js/common.js"></script>
<script src="style/js/mobiscroll.core.js"></script>
<script src="style/js/mobiscroll.frame.js"></script>
<script src="style/js/mobiscroll.scroller.js"></script>

<script src="style/js/mobiscroll.util.datetime.js"></script>
<script src="style/js/mobiscroll.datetimebase.js"></script>
<script src="style/js/mobiscroll.datetime.js"></script>
<script src="style/js/mobiscroll.select.js"></script>



<script src="style/js/mobiscroll.i18n.zh.js"></script>

<link href="style/css/mobiscroll.animation.css" rel="stylesheet" type="text/css" />
<link href="style/css/mobiscroll.frame.css" rel="stylesheet" type="text/css" />
<link href="style/css/mobiscroll.scroller.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
	$(function(){
		$('#yu_time').mobiscroll().date({
	    mode: 'scroller', 
	    display: 'modal', 
	    lang:'zh'   ,  
	    // minDate: new Date(2015,3,10), 
	    maxDate: new Date(2028,7,30), 
		});
		$('#yu_time_b').mobiscroll().date({
	    mode: 'scroller', 
	    display: 'modal', 
	    lang:'zh'   ,  
	    // minDate: new Date(2015,3,10), 
	    maxDate: new Date(2028,7,30), 
	});
	})
</script>

</head>

<body>
<div class="wrap">
	<!--头部-->
	<div class="header w_screen">
		<h1 class="title">预约看房时间</h1>
		<a href="javascript:history.go(-1);" class="btn_left"><span class="ico_back"></span></a>
	</div>

	<!--主体-->
	<div class="main pad_header">
		<div class="agree">
			<div class="notes">您本次约看房源1套</div>
			<div class="box">
				<div class="agree_form">
					<div class="item">
						<div class="inbox"><input class="intxt" type="text" value="" placeholder="输入姓名..."><i class="line_l">
						
						</i><i class="line_r"></i></div>
						<div class="sex"><a href="#" class="sex_btn woman"></a></div>
					</div>
					<!-- <div class="item">
						<div class="inbox"><input class="intxt" type="text" value="" placeholder="输入手机号码..."><i class="line_l"></i><i class="line_r"></i></div>
						<div class="btn"><a href="#">验证</a></div>
					</div> -->
				</div>
			</div>
			<div class="box">
				<div class="agree_form">
					<div class="item">
						<div class="inbox"><!-- <input id="time_1" class="intxt" type="text" value="" placeholder="指定看房时段（首选）" readonly> -->
							<input type="text" id="yu_time" class ='intxt' placeholder="指定看房时段（首选）" readonly/> 
							<i class="line_l"></i><i class="line_r"></i></div>
						<!--  -->
						<div class="sex"><!-- <a href="#" class="date_btn"></a> -->
							<div class="btn_date"><select class="city_time"><option>上午</option><option>中午</option><option>下午</option></select></div>
						</div>
						<!--  -->
					</div>
					<div class="item">
						<div class="inbox"><!-- <input id="time_2" class="intxt" type="text" value="" placeholder="指定看房时段（备选）" readonly> -->
							<input type="text" id="yu_time_b" class ='intxt' placeholder="指定看房时段（备选）" readonly/> 
							<i class="line_l"></i><i class="line_r"></i></div>
						<!--  -->
						<div class="sex"><!-- <a href="#" class="date_btn date"></a> -->
							<div class="btn_date"><select class="city_time"><option>上午</option><option>中午</option><option>下午</option></select></div>
						</div>
						<!--  -->
					</div>

				</div>
			</div>
			<!-- <div class="state">提交约看则默认您同意《现场看房确认及中介服务协议》</div> -->
		</div>
		<div class="btn_tile">
			<a class="btn orange" href="#">确认提交</a>
		</div>
	</div>
</div>

<div class="wrap_bg bg_grey w_screen"></div>

<!-- <script type='text/javascript' src="style/js/datepicker.js"></script> -->
<script>
$(function(){
	//日历插件
	$(".date_btn").click(function(){
		if($(this).hasClass('date')){
			$(this).removeClass('date');
		}else{
			$(this).addClass('date');
		}
	});
	// $('.agree_form input[id=time_1]').datepicker({
	// 	dateFormat:'yy-mm-dd'
	// });
	// $('.agree_form input[id=time_2]').datepicker({
	// 	dateFormat:'yy-mm-dd'
	// });
});
</script>
</body>
</html>